﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
  <meta http-equiv="Content-type" content="text/html; charset=utf-8" />
  <title>hCard 100 - opaque agent property</title>
  
   <!-- This will be replace with one CSS file and one JavaScipt file -->
  <link rel="stylesheet" href="../css/uftestsuite.css" type="text/css" />
  <link rel="stylesheet" href="../../testrunner/css/testrunner.css" type="text/css" />
 
  <script type="text/javascript" src="../../testrunner/javascript/prototype-1.6.0.2.js"></script> 
  <script type="text/javascript" src="../../testrunner/javascript/beautify.js"></script> 
  <script type="text/javascript" src="../../testrunner/javascript/sumo/microformat.js"></script>
  <script type="application/javascript;version=1.7" src="http://svn.mozilla.org/labs/operator/chrome/content/Microformats/Microformats.js"></script>
    <script type="text/javascript" src="../../testrunner/javascript/shiv/microformats-shiv.js"></script>
  <script type="text/javascript" src="../../testrunner/javascript/shiv/microformats-definition.js"></script>  
  <script type="text/javascript" src="../../testrunner/javascript/testrunner.js"></script>
       
</head>
<body>
    
    <div class="test-fixture">
    
    <p>
    <a href="../"><img border="0" id="testsuite-image" alt="Microformats test suite" src="../images/testsuite.gif" /></a><br />
    </p>
    
    <h1 class="summary">hCard 100 - opaque agent property</h1>
    <p class="description">This page was design to test that child hCards are opaque to a parent hCard. In this case the child hCard is the agent property of the parent hCard. This test was orginaly created by <a href="http://tobyinkster.co.uk" class="vcard fn">Toby Inkster</a>.
    
    </p>
    <p>From: <a href="default.htm"><span class="format">hCard</span> test suite 1.0</a></p>
    <p class="author vcard">
        Author: <a class="url fn" href="http://www.glennjones.net/">Glenn Jones</a>
    </p>
    <!--
    <p>Output examples: 
    <ul>
    <li class="output"><a class="url" href="hcard1.js"><span class="type">JSON</span></a></li>
    <li class="output"><a class="url" href="hcard1.xml"><span class="type">XML</span></a></li>
    </ul>
    </p>
    -->
    
    <input id="unittestbutton" type="button" onclick="microformatsTestRunner.displayTestOptionForm()" value="Unit Test Runner"/>

    
    <p>Tests:</p>
    <table id="assetTable" cellpadding="0" cellspacing="0">
    <thead>
        <tr>
            <th>Test</th>
            <th>Result</th>
            <th>Comment</th>
        </tr>
    </thead>
    <tbody>
         <tr class="assert">
            <td class="test">vcard[0].fn</td>
            <td class="result">HasProperty(true)</td>
            <td class="comment">The parent hCard has a fn property</td>
        </tr>
        <tr class="assert">
            <td class="test">vcard[0].email[1]</td>
            <td class="result">HasProperty(false)</td>
            <td class="comment">The parent hCard should only have one email address</td>
        </tr>
         <tr class="assert">
            <td class="test">vcard[0].adr</td>
            <td class="result">HasProperty(false)</td>
            <td class="comment">The parent hCard should not inhert the embeded agents address</td>
        </tr>
        <!--
         <tr class="assert">
            <td class="test">vcard[0].x</td>
            <td class="result">HasProperty(false)</td>
            <td class="comment">Check for false postive</td>
        </tr>
        -->
         <tr class="assert">
            <td class="test">vcard[0].label[0]</td>
            <td class="result">IsEqualTo("c/o Chlo&euml; O'Brian Counter-Terrorist Unit, Los Angeles Division 10201 W. Pico Blvd. Los Angeles, CA 90064 United States")</td>
            <td class="comment">The label property should be a text version of the embeded agents address</td>
        </tr>        
    </tbody>
    </table> 
    
    
    <p>History:</p>
    <ul>
    <li class="history vevent">
        <span class="summary">Created</span>: <abbr class="dtstart" title="2008-05-06">6 May 2008</abbr> 
        <span class="description">by Glenn Jones</span>
    </li>
    </ul>
    
    
    
    </div>
  
    <div id="uf">
            <!-- This may not be the best semantic use of HTML element -->
            
            <div class="vcard">
	            <a class="fn email" href="mailto:j.bauer@la.ctu.gov.invalid">Jack Bauer</a>
	            <div class="label agent vcard">
		            <div>
			            <abbr title="Care of">c/o</abbr>
			            <a class="fn email"
            href="mailto:c.obrian@la.ctu.gov.invalid">Chlo&euml; O'Brian</a>
		            </div>
		            <div class="adr">
			            <div class="org extended-address">
				            <span class="organisation-name">Counter-Terrorist Unit</span>,
				            <span class="organisation-unit">Los Angeles Division</span>
			            </div>
			            <div class="street-address">10201 W. Pico Blvd.</div>
			            <div>
				            <span class="locality">Los Angeles</span>,
				            <abbr class="region" title="California">CA</abbr>
				            <span class="postal-code">90064</span>
			            </div>
			            <div class="country-name">United States</div>
		            </div>
	            </div>
            </div>



    </div>
    
    <p>
        <a rel="license" href="../license.txt">Some rights reserved</a>
    </p>
    
  
  
</body>

</html>